87:I[903690,["/chat-static/_next/static/immutable/chunks/0f7vmp09w0w3_.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l1ze4wl3hwyo.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/1-wzazpj6wxjv.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/1coue_ozvgza6.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3twuepbj0sa46.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/0lqecjmpjs03d.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/2n7jko15fxnc8.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/309um4vobmrg1.js","/chat-static/_next/static/immutable/chunks/0lpzz48chq3z_.js","/chat-static/_next/static/immutable/chunks/0esh3_fydqhs4.js","/chat-static/_next/static/immutable/chunks/0fqzt-x_byqxq.js","/chat-static/_next/static/immutable/chunks/31ksuowt-h8kz.js","/chat-static/_next/static/immutable/chunks/3vib52bi7ylnf.js","/chat-static/_next/static/immutable/chunks/3za-jt0lswyiq.js","/chat-static/_next/static/immutable/chunks/313gqxshd-pvz.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2bf3kb-va9_w_.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/3dhcra7d70kox.js","/chat-static/_next/static/immutable/chunks/3bd2e1qm07sst.js","/chat-static/_next/static/immutable/chunks/1a66wkxyahiky.js","/chat-static/_next/static/immutable/chunks/0yhvouprkh27j.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/1zbczmbdcfpso.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/29x8k6m14yofx.js"],"ExplicitChatIdProvider"] 88:I[838238,["/chat-static/_next/static/immutable/chunks/0f7vmp09w0w3_.js","/chat-static/_next/static/immutable/chunks/1guyin7zoczci.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/39rg-vyko_oef.js","/chat-static/_next/static/immutable/chunks/157bok9l8ft2k.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l1ze4wl3hwyo.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/1-wzazpj6wxjv.js","/chat-static/_next/static/immutable/chunks/13kz2gfvgolzm.js","/chat-static/_next/static/immutable/chunks/1coue_ozvgza6.js","/chat-static/_next/static/immutable/chunks/0s_cw7e8300g7.js","/chat-static/_next/static/immutable/chunks/0wi_45vocl_-p.js","/chat-static/_next/static/immutable/chunks/3twuepbj0sa46.js","/chat-static/_next/static/immutable/chunks/3263tgpkly9nu.js","/chat-static/_next/static/immutable/chunks/31bw9_yzlia2t.js","/chat-static/_next/static/immutable/chunks/1m_firo4_gtz9.js","/chat-static/_next/static/immutable/chunks/0lqecjmpjs03d.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/2n7jko15fxnc8.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/309um4vobmrg1.js","/chat-static/_next/static/immutable/chunks/0lpzz48chq3z_.js","/chat-static/_next/static/immutable/chunks/0esh3_fydqhs4.js","/chat-static/_next/static/immutable/chunks/0fqzt-x_byqxq.js","/chat-static/_next/static/immutable/chunks/31ksuowt-h8kz.js","/chat-static/_next/static/immutable/chunks/3vib52bi7ylnf.js","/chat-static/_next/static/immutable/chunks/3za-jt0lswyiq.js","/chat-static/_next/static/immutable/chunks/313gqxshd-pvz.js","/chat-static/_next/static/immutable/chunks/2cytw68p34q_e.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2bf3kb-va9_w_.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/3dhcra7d70kox.js","/chat-static/_next/static/immutable/chunks/3bd2e1qm07sst.js","/chat-static/_next/static/immutable/chunks/1a66wkxyahiky.js","/chat-static/_next/static/immutable/chunks/0yhvouprkh27j.js","/chat-static/_next/static/immutable/chunks/08-__6bbjjmqq.js","/chat-static/_next/static/immutable/chunks/1zbczmbdcfpso.js","/chat-static/_next/static/immutable/chunks/2lw3dfa252fnx.js","/chat-static/_next/static/immutable/chunks/29x8k6m14yofx.js"],"SWRDataProvider"] 89:Tb58,[V0_FILE]typescriptreact:file="schemas/seed.ts" isEdit="true" isMerged="true" import { z } from "zod" export const seedSchema = z.object({ values: z .array(z.number().min(0).max(255)) .length(4) .or(z.array(z.number().min(0).max(255)).length(8)), }) export type SeedSchema = z.infer [V0_FILE]typescriptreact:file="seed-popover.tsx" isEdit="true" "use client" import React from "react" import { useForm, Controller } from "react-hook-form" import { zodResolver } from "@hookform/resolvers/zod" import { Button } from "@/components/ui/button" import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover" import { Input } from "@/components/ui/input" import { seedSchema, type SeedSchema } from "./schemas/seed" const createInitialSeed = (size: 4 | 8): number[] => { return Array.from({ length: size }, (_, i) => i % 256) } export default function SeedPopover() { const { control } = useForm({ resolver: zodResolver(seedSchema), defaultValues: { values: createInitialSeed(4), }, }) return (

(

[

{field.value.map((_, index) => (

{ const newValues = [...field.value] newValues[index] = Math.max(0, Math.min(255, Number.parseInt(e.target.value) || 0)) field.onChange(newValues) }} className="w-10 h-6 p-0 text-right pr-1 inline-block" min={0} max={255} style={{ appearance: "textfield" }} /> {index}

{index < field.value.length - 1 && ,} ))}

]

)} />

) } 7d:["$","$L87",null,{"chatId":"5Nw7rB0jGqr","children":["$","$L88",null,{"data":{"@\"active-block\",\"5Nw7rB0jGqr\",":{"id":"b_1XhUvK6YF4x","messageId":"ZMheB8LnzbQJVyMu6mvh7WY3vvMqRZJI","source":"$89","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"SeedPopover","type":"code-project","project":"SeedPopover"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"5Nw7rB0jGqr\",":false,"":null},"children":"$L8a"}]}]

About

Tags

Share

About

Tags

Share

About

Tags

Share

More from peetzweg

More Templates Like This